<!DOCTYPE html>
<html lang="zh_cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>门店详情 - 会员卡</title>
    <link rel="stylesheet" href="../../css/common.css">
</head>

<body>
    <!-- header开始 -->
    <div class="wrap page-header">
        <a class="logo" href="#"></a>
        <ul class="option">
            <a class="i-help" href="#">
                    帮助
                </a>
            <a class="i-quit" href="#">
                    退出
                </a>
        </ul>
        <ul class="top-nav">
            <li>
                <i></i>
                <span>OA系统</span>
            </li>
            <li class="active">
                <i></i>
                <span>CRM系统</span>
            </li>
        </ul>
    </div>
    <!-- header结束 -->
    <!-- content开始 -->
    <div class="wrap page-content">
        <!-- 左导航开始 -->
        <div class="side-bar">
            <dl class="user-info">
                <dd><img src="../../images/121123.jpg" /></dd>
                <dt>
                    <b>王晓明</b>
                    <span>市场总监</span>
                </dt>
            </dl>
            <ul class="side-nav">
                <li class="active">
                    <b>门店管理</b>
                    <p>
                        <span class="current"><a href="list.html">门店信息</a></span>
                        <span><a href="#">门店统计</a></span>
                    </p>
                </li>
                <li>
                    <b>优惠券管理</b>
                </li>
                <li>
                    <b>会员卡管理</b>
                </li>
                <li>
                    <b>客户管理</b>
                </li>
                <li>
                    <b>服务号运营</b>
                </li>
                <li>
                    <b>活动管理</b>
                </li>
                <li>
                    <b>预约管理</b>
                </li>
                <li>
                    <b>合作机构管理</b>
                </li>
                <li>
                    <b>用户管理</b>
                </li>
                <li>
                    <b>系统管理</b>
                </li>
            </ul>
        </div>
        <!-- 左导航结束 -->
        <!-- 主题开始 -->
        <div class="content">
            <!-- 面包屑开始 -->
            <div class="breadcrumb">
                <a href="#">首页</a>
                <i></i>
                <a href="#">门店管理</a>
                <i></i>
                <a href="#">会员卡</a>
                <i></i>
                <span>会员卡 [上海市xxx门店]</span>
            </div>
            <!-- 面包屑结束 -->

            <div class="top-tab">
                <ul>
                    <li><a href="detail-info.html">基本信息</a></li>
                    <li class="active">会员卡</li>
                    <li>优惠券</li>
                    <li><a href="detail-customer.html">客户</a></li>
                </ul>
            </div>
            <div class="top-tab-content">
                <div class="search-bar">
                    <div class="search">
                        <i class="clear-search"></i>
                        <input type="text" class="search-input" placeholder="输入卡号/储蓄卡名称">
                        <button class="btn search-btn">搜索</button>
                    </div>
                    <div class="btn-group">
                        <button class="btn">下载</button>
                    </div>
                </div>
                <div class="table-inner">
                    <table class="table-basic table-border card-table" cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <td><span class="span-status status1">卡片格式</span></td>
                                <td><span class="span-status status2">卡片代码</span></td>
                                <td><span class="span-status status0">卡片名称</span></td>
                                <td><span class="span-status status1">卡片类型</span></td>
                                <td><span class="span-status status2">发行开始时间</span></td>
                                <td><span class="span-status status0">发行截止时间</span></td>
                                <td><span class="span-status status0">卡片状态</span></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="p10">
                                </td>
                                <td class="p10">
                                    <span class="span-select">
                                        <input type="text" class="ipt" placeholder="请输入">
                                    </span>
                                </td>
                                <td class="p10"><input type="text" class="ipt" placeholder="请输入"></td>
                                <td class="p10"><input type="text" class="ipt ipt-arrow-down" placeholder="请选择"></td>
                                <td class="p10">
                                </td>
                                <td class="p10">
                                </td>
                                <td class="p10">
                                    <span class="span-select">
                                        <input type="text" class="ipt ipt-arrow-down" placeholder="请选择">
                                        <div class="select">
                                            <ul>
                                                <li>11</li>
                                                <li>11</li>
                                                <li>11</li>
                                            </ul>
                                        </div>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td><img src="../../images/card.png"></td>
                                <td>Z0001</td>
                                <td>和谐修车八周年纪念卡</td>
                                <td>总部发行</td>
                                <td>2016-5-4</td>
                                <td>2018-5-8</td>
                                <td>可以发行</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/card.png"></td>
                                <td>Z0001</td>
                                <td>和谐修车八周年纪念卡</td>
                                <td>总部发行</td>
                                <td>2016-5-4</td>
                                <td>2018-5-8</td>
                                <td>可以发行</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/card.png"></td>
                                <td>Z0001</td>
                                <td>和谐修车八周年纪念卡</td>
                                <td>总部发行</td>
                                <td>2016-5-4</td>
                                <td>2018-5-8</td>
                                <td>可以发行</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/card.png"></td>
                                <td>Z0001</td>
                                <td>和谐修车八周年纪念卡</td>
                                <td>总部发行</td>
                                <td>2016-5-4</td>
                                <td>2018-5-8</td>
                                <td>可以发行</td>
                            </tr>
                            <tr>
                                <td><img src="../../images/card.png"></td>
                                <td>Z0001</td>
                                <td>和谐修车八周年纪念卡</td>
                                <td>总部发行</td>
                                <td>2016-5-4</td>
                                <td>2018-5-8</td>
                                <td>可以发行</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="page">
                    <span class="info">198 条记录 &nbsp;&nbsp; 共 6 页</span>
                    <div class="control">
                        <a class="pre-dis" href="#"></a>
                        <span>1/6</span>
                        <a class="next" href="#"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主题开始 -->
    </div>
    <!-- content结束 -->
</body>

</html>